<%@ page language="java" contentType="text/html;charset=UTF-8" pageEncoding="UTF-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1"><!--移动设备优先-->
    <title>机构详细信息</title>
    <style type="text/css">@import url("<c:url value="/css/lib/bootstrap.min.css"/>");</style>
    <style type="text/css">@import url("<c:url value="/css/lib/V2.0/weknow.css"/>");</style>
    <style type="text/css">@import url("<c:url value="/css/lib/font-awesome.min.css"/>");</style>
    <style type="text/css">@import url("<c:url value="/plugins/jquery-ui/jquery-ui.min.css"/>");</style>
    <style type="text/css">@import url("<c:url value="/css/lib/iconfont/iconfont.css"/>");</style>
    <style type="text/css">@import url("<c:url value="/plugins/home_page_common/css/institution_details/institution_details.css"/>");</style>
</head>
<body>

<div class="animationload">
    <div class="loader">
        Loading...
    </div>
</div>

<div class="navbar navbar-fixed-top">
    <div class="top-bar" style="height: 45px; background: #102552;display: flex; flex-direction: row;">
        <div class="form-inline">
            <div class="form-group" style="font-size: 15px; align-items: center; margin-left: 15px">
                <i class="fa fa-long-arrow-left back" style="font-size:30px;color: rgba(255,255,255,0.9); border-right:1px solid rgba(255,255,255,0.9);padding-right: 5px;" id="${pageId}"></i>
            </div>
            <span class="topFont">机构详细信息</span>
        </div>
        <div id="curTime" style="display: flex; flex-direction: row; position: absolute; right: 20px"></div>
    </div>
</div>

<div class="content" style="margin:45px 0.625rem 0 0.625rem; width: calc(100vw - 1.35rem);">
    <div class="dateRow">
        <div class="build_img"></div>
        <span class="institutionFont">${institutionName}</span>
        <span class="qrcodeFont">机构公示二维码</span>
        <div id="qrcode" class="qrcode">
            <img id="qrcodeImg">
        </div>
    </div>

    <section>
        <div class="sectionHead" style="margin-top: 20px">
            <span class="font">机构基本信息</span>
        </div>
        <div class="baseInfo">
            <span class="font" style="margin-top: 10px" id="technicalOffices">诊疗科目：</span>
            <span class="font" id="occupationalLicenceEndDate">执业许可证有效期：</span>
            <div style="display: flex; flex-direction: row; justify-content: space-between; margin-top: 30px">
                <div class="evaluateRect" style="background-color: rgb(252, 144, 95)">
                    <div class="start_img"></div>
                    <div class="content">
                        <span class="fontSmall">质控评分</span>
                        <span class="fontBig" id="quality">无</span>
                    </div>
                </div>
                <div class="evaluateRect" style="background-color: rgb(67, 141, 214)">
                    <div class="start_img"></div>
                    <div class="content">
                        <span class="fontSmall">行业协会评价</span>
                        <span class="fontBig" id="industry">无</span>
                    </div>
                </div>
                <div class="evaluateRect" style="background-color: rgb(161, 33, 93)">
                    <div class="start_img"></div>
                    <div class="content">
                        <span class="fontSmall">信用评价等级</span>
                        <span class="fontBig" id="credit">无</span>
                    </div>
                </div>
                <div class="evaluateRect" style="background-color: rgb(95, 184, 110)">
                    <div class="start_img"></div>
                    <div class="content">
                        <span class="fontSmall">公众满意度评价</span>
                        <span class="fontBig" id="satisfaction">无</span>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section>
        <div style="display: flex; flex-direction: row; justify-content: space-between; margin-top: 40px">
            <div class="searchRect">
                <div class="sectionHead"><span class="font">诊疗行为</span></div>
                <div class="form-inline dateLine">
                    <div class="form-group">
                        <span class="font">时间：</span>
                        <div class="input-group">
                            <input type="text" class="form-control date-input" maxlength="10" id="preDtFrom">
                        </div>
                    </div>
                    <div class="form-group">
                        <span class="font">至</span>
                        <div class="input-group" >
                            <input type="text" class="form-control date-input" maxlength="10" id="preDtTo">
                        </div>
                    </div>
                </div>
                <table class="table table-bordered table-condensed searchRable">
                    <thead style="background-color: #f2f2f2;">
                        <tr>
                            <th width="27%">病例数</th>
                            <th width="27%">处方数</th>
                            <th width="27%">违规数</th>
                            <th width="19%">操作</th>
                        </tr>
                    </thead>
                    <tbody id="preTbody">
                    </tbody>
                </table>
            </div>
            <div class="searchRect">
                <div class="sectionHead"><span class="font">消毒灭菌</span></div>
                <div class="form-inline dateLine">
                    <div class="form-group">
                        <span class="font">时间：</span>
                        <div class="input-group">
                            <input type="text" class="form-control date-input" maxlength="10" id="accDtFrom">
                        </div>
                    </div>
                    <div class="form-group">
                        <span class="font">至</span>
                        <div class="input-group" >
                            <input type="text" class="form-control date-input" maxlength="10" id="accDtTo">
                        </div>
                    </div>
                </div>
                <table class="table table-bordered table-condensed searchRable">
                    <thead style="background-color: #f2f2f2;">
                    <tr>
                        <th width="27%">消毒登记</th>
                        <th width="27%">医废登记</th>
                        <th width="27%">检测审查</th>
                        <th width="19%">操作</th>
                    </tr>
                    </thead>
                    <tbody id="accTbody">
                    </tbody>
                </table>
            </div>
        </div>
    </section>

    <section>
        <div style="display: flex; flex-direction: row; justify-content: space-between; margin-top: 40px">
            <div class="searchRect">
                <div class="sectionHead"><span class="font">自律自查</span></div>
                <div class="form-inline dateLine">
                    <div class="form-group">
                        <span class="font">时间：</span>
                        <div class="input-group">
                            <input type="text" class="form-control month-input" maxlength="4" id="examDt">
                        </div>
                    </div>
                </div>
                <table class="table table-bordered table-condensed searchRable">
                    <thead style="background-color: #f2f2f2;">
                    <tr>
                        <th width="27%">全面自查</th>
                        <th width="27%">日常自查</th>
                        <th width="27%">专项自查</th>
                        <th width="19%">操作</th>
                    </tr>
                    </thead>
                    <tbody id="examTbody">
                    </tbody>
                </table>
            </div>
            <div class="searchRect">
                <div class="sectionHead"><span class="font">行政处罚</span></div>
                <div class="form-inline dateLine">
                    <div class="form-group">
                        <span class="font">时间：</span>
                        <div class="input-group">
                            <input type="text" class="form-control month-input" maxlength="7" id="punDtFrom">
                        </div>
                    </div>
                    <div class="form-group">
                        <span class="font">至</span>
                        <div class="input-group" >
                            <input type="text" class="form-control month-input" maxlength="7" id="punDtTo">
                        </div>
                    </div>
                </div>
                <table class="table table-bordered table-condensed searchRable">
                    <thead style="background-color: #f2f2f2;">
                    <tr>
                        <th width="81%">处罚项目</th>
                        <th width="19%">操作</th>
                    </tr>
                    </thead>
                    <tbody id="punTbody">
                    </tbody>
                </table>
            </div>
        </div>
    </section>

    <section>
        <div style="margin-top: 40px; display: flex; flex-direction: column">
            <div class="totoalLine">
                <div class="doctor_img"></div>
                <span class="font" id="doctorCnt">医师：0人</span>
            </div>
            <table class="table table-bordered table-condensed">
                <thead style="background-color: #f2f2f2;">
                <tr>
                    <th width="10%">医师姓名</th>
                    <th width="15%">身份证号码</th>
                    <th width="10%">职称</th>
                    <th>执业范围</th>
                    <th>医师资格证书编号</th>
                    <th>医师执业证书编号</th>
                </tr>
                </thead>
                <tbody id="doctorTbody">
                </tbody>
            </table>
        </div>
        <div style="margin-top: 20px; margin-bottom: 45px; display: flex; flex-direction: column">
            <div class="totoalLine">
                <div class="doctor_img"></div>
                <span class="font" id="nurseCnt">护士：0人</span>
            </div>
            <table class="table table-bordered table-condensed">
                <thead style="background-color: #f2f2f2;">
                <tr>
                    <th width="10%">护士姓名</th>
                    <th width="15%">身份证号码</th>
                    <th width="10%">职称</th>
                    <th>护士执业证书编号</th>
                </tr>
                </thead>
                <tbody id="nurseTbody">
                </tbody>
            </table>
        </div>
    </section>

    <div id="qrcodeTemp" style="display: none"></div>

    <input type="hidden" id="institutionId" value="${institutionId}">
    <input type="hidden" id="institutionName" value="${institutionName}">
</div>

<script src="<c:url value="/js/lib/jquery.min.js"/>" type="text/javascript"></script>
<script src="<c:url value="/js/lib/bootstrap.min.js"/>" type="text/javascript"></script>
<script src="<c:url value="/js/lib/echarts.min.js"/>" type="text/javascript"></script>
<script src="<c:url value="/js/lib/flexible.js"/>" type="text/javascript"></script>
<script src="<c:url value="/js/lib/weknow.js"/>" type="text/javascript"></script>
<script src="<c:url value="/js/lib/wn-validator.js"/>" type="text/javascript"></script>
<script src="<c:url value="/plugins/jquery-ui/wn-jquery-ui.js"/>" type="text/javascript"></script>
<script src="<c:url value="/js/lib/qrcode.min.js"/>" type="text/javascript"></script>
<script src="<c:url value="/js/pc/home_page_common/home_page_common.js?V0.0.1"/>" type="text/javascript"></script>
<script src="<c:url value="/js/pc/home_page_common/institution_details/institution_details.js?V0.0.2"/>" type="text/javascript"></script>
</body>
</html>
